<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>jQuery层级选择器</title>
    <meta charset="utf-8">
   
    <style type="text/css">
        div{
            background: gray;
        }
    </style>
</head>
<body>
    <!--定义被选择对象-->
    <div id="one">我是div01</div>
    <div id="two">我是div02</div>
    <div>
        我是div03
        <div class="son">我是div03的子div</div>
        <div class="son">我是div03的子div</div>
    </div>
    <div>我是div04</div>
    <span>我是span标签</span>
    <br>
    <!--定义按钮-->
    <input type="button" id="btn01" value="选择body中的所有div子标签"/>
    <input type="button" id="btn02" value="选择body下的直接div子标签"/>
    <input type="button" id="btn03" value="选择id为one的下一个兄弟div"/>
    <input type="button" id="btn04" value="选择id为two的所有后面的兄弟div"/>
    <input type="button" id="btn05" value="选择id为two的所有兄弟div"/>
</body>
</html>